<template>
  <div class="read-me">
    <h3>帮助一</h3>
    <article>
      <h2>后台管理系统</h2>
      <p>管理系统后台的部分功能举例：新闻发布、图片及其他文件上传、新闻审核、新用户审核、广告位、地址表、银行卡……以及对上述所有信息的修改删除等操作。</p>
      <h2>功能</h2>
      <el-checkbox disabled checked>系统管理</el-checkbox>
      <br>
      <el-checkbox disabled checked>商品管理</el-checkbox>
      <br>
      <el-checkbox disabled checked>订单管理</el-checkbox>
      <br>
      <el-checkbox disabled checked>新闻管理</el-checkbox>
      <br>
      <el-checkbox disabled checked>留言管理</el-checkbox>
      <br>
      <el-checkbox disabled checked>广告位管理</el-checkbox>
      <br>
      <el-checkbox disabled checked>银行卡管理</el-checkbox>
      <br>
      <el-checkbox disabled checked>文章管理</el-checkbox>
      <br>
      <el-checkbox disabled checked>证书管理</el-checkbox>
      <br>
    </article>
  </div>
</template>

<script>
  export default {
  }
</script>

<style scoped lang="scss">
  .read-me {
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    h3 {
      padding: 9px 10px 10px;
      margin: 0;
      font-size: 14px;
      line-height: 17px;
      background-color: #f5f5f5;
      border: 1px solid #d8d8d8;
      border-bottom: 0;
      border-radius: 3px 3px 0 0;
    }
    article {
      padding: 45px;
      word-wrap: break-word;
      background-color: #fff;
      // border: 1px solid #ddd;
      border-bottom-right-radius: 3px;
      border-bottom-left-radius: 3px;
      h1 {
        font-size: 32px;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 1px solid #ddd;
      }
      h2 {
        margin: 24px 0 16px;
        font-weight: 600;
        line-height: 1.25;
        padding-bottom: 7px;
        font-size: 24px;
        border-bottom: 1px solid #eee;
      }
      p {
        margin-bottom: 15px;
        line-height: 1.5;
      }
      .el-checkbox {
        margin-bottom: 5px;
      }
    }
  }
</style>
